<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1"><!--移动设备优先-->
		<title>医疗废弃物</title>
		<style type="text/css">@import url("<c:url value="/css/lib/bootstrap.min.css"/>");</style>
		<style type="text/css">@import url("<c:url value="/css/lib/V2.0/weknow.css"/>");</style>
		<style type="text/css">@import url("<c:url value="/css/lib/font-awesome.min.css"/>");</style>
		<style type="text/css">@import url("<c:url value="/plugins/jquery-ui/jquery-ui.min.css"/>");</style>
		<style type="text/css">@import url("<c:url value="/css/lib/boxImg.css"/>");</style>
		<style type="text/css">
			before,after{
				opacity: .3;
				position: absolute;
				top: -5px;
				right: 0;
			}

			after{
				top: 5px;
			}

			.trA{
				color: #000000;
				position: relative;
				padding-right: 16px;
				cursor: pointer;
			}
		</style>
	</head>
	<body>
		<!-- Preloader -->
		<div class="animationload">
			<div class="loader">
				Loading...
			</div>
		</div>
		
		<input type="hidden" id="institutionId"/>
		<input type="hidden" id="businessSubType"/>
		
		<!-- End Preloader -->
        <div class="container-fluid">
        	<!-- 医疗废弃物 -->
        	<section id="sewage"  class="input-toggle" >
	        	<!-- 头部信息 -->
	        	<div class="row">
	        		<div class="col-xs-12">
	           			<div class="form-inline">
	           				<div class="form-group">
								日期
								<div class="input-group" >
	        						<input type="text" class="form-control my_date_control" style="ime-mode:active" maxlength="10" id="dtFrom" value="${dtFrom}" autocomplete="off">
						    	</div>
						    	
	            			</div>
	            			<div class="form-group">
	            				--
	            				<div class="input-group" >
	        						<input type="text" class="form-control my_date_control" style="ime-mode:active" maxlength="10" id="dtTo"  value="${dtTo}" autocomplete="off">
						    	</div>
						    </div>
	            			<div class="form-group">
								登记状态
								<div class="input-group">
									<select id="checkSt" class="form-control">
		            					<option value="9">全部</option>
		            					<option value="0">正常</option>
		            					<option value="-1">异常</option>
									</select>
						    	</div>
						  	</div>
	            			<div class="form-group">
								医疗机构名
								<div class="input-group">
	        						<input type="text" class="form-control" style="ime-mode:inactive" id="institutionName" autocomplete="off">
						    	</div>
						  	</div>

							<div class="form-group">
								医疗机构类型
								<div class="input-group">
									<select name="institutionTypeFirstScreen" class="form-control">
										<option value="">全部</option>
										<c:forEach var="a" items="${typeFirstList}">
											<option value="${a.value}">${a.fullName}</option>
										</c:forEach>
									</select>
								</div>
							</div>

						  	<div class="form-group">
								<div class="checkbox">
								    <label>
								         <input type="checkbox" id="onlyShowAppeal"> 只显示申诉未处理的机构
								    </label>
								</div>
						  	</div>
						  	
	           				<div class="form-group">
								<div class="input-group">
	        						<button type="button" id="search" class="btn btn-primary"  style="width:90px;">搜索</button>
						    	</div>
						  	</div>
	           			</div>
	           		</div>
	        	</div>
	        	<div class="row" style="padding-left:0px;">
	           		<div class="col-xs-12">
	           			<table class="table table-condensed table-hover table-bordered" id="dataTable">
	           				 <thead>
						        <tr>
						          <th class="text-center" style="width:20%;">医疗机构</th>
						          <th class="text-center" style="width:5%;">
									  <span onclick="orderByName('dataTable',1,'int');"><span onclick="updateSort(this)" class="trA">登记次数<before>▲</before><after>▼</after></span></span>
								  </th>
						          <th class="text-center" style="width:5%;">
									  <span onclick="orderByName('dataTable',2,'int');"><span onclick="updateSort(this)" class="trA">申诉未处理数<before>▲</before><after>▼</after></span></span>
								  </th>
						          <th class="text-center" style="width:5%;">状态</th>
						          <th class="text-center" style="width:5%;">操作</th>
						        </tr>
						     </thead>
						     <tbody id="tbodySpecimenList">
						     </tbody>
						</table>
           			</div>
           		</div>
        	</section>
        	<!-- 明细 -->
        	<section id="sewage_detail" class="input-toggle" style="display:none;">
				<header style="border-bottom: 1px solid #F3F3F7; margin-bottom: 5px;">
					<div class="row">
						<div class="col-md-2">
							<h3 id="headTitle" style="margin-top: 10px; font-size: 20px;">
			        			<i class="fa fa-long-arrow-left" style="color: #c5c5c5; border-right:1px solid #c5c5c5;padding-right: 5px;" id="backToWorkspace"></i>
			        			<span style="margin-right:50px;">医疗废弃物</span>
			        		</h3>
						</div>
						<div class="col-md-8 text-center">
							<h3><span id="institution_name_dis">医疗机构XXXX</span><span id="range_dis">时间yyyy-MM-dd</span></h3>
						</div>
					</div>
	        	</header>
	           	<table class="table table-condensed table-hover table-bordered">
	           		<thead class="bg-default" id="waste_thead"></thead>
	           		<tbody id="waste_tbody"></tbody>
	           	</table>
			</section>
		</div>

		<!-- table排序js -->
		<script src="<c:url value="/js/pc/util/sortUtil.js?V1.1"/>" type="text/javascript"></script>
		
		<script src="<c:url value="/js/lib/jquery.min.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/lib/bootstrap.min.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/plugins/jquery-ui/wn-jquery-ui.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/lib/weknow.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/lib/wn-validator.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/pc/show_img/show_img.js?${JsVersionProperties.prop.getProperty('show_img')}"/>"  type="text/javascript"></script>
		<script src="<c:url value="/js/pc/appeal/appeal.js?${JsVersionProperties.prop.getProperty('appeal')}"/>"  type="text/javascript"></script>
		<script src="<c:url value="/js/pc/waste_delivery/waste_delivery_com.js?V0.7"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/pc/waste_delivery/waste_delivery.js?V0.8.1"/>" type="text/javascript"></script>
	</body>
</html>
